<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的个人中心</title>
<link rel="shortcut icon" href="image/icon.png" >
<!-- jQuery文件.务必在bootstrap.min.js 之前引入 -->
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<!-- Vue.js插件. -->
<script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="css/layui.css" />
<script src="js/layui.js"></script>
<link rel="stylesheet" href="css/i.css"/>
<style>
[v-cloak] {
    display: none;
}
</style>
</head>
<body>
<!-- 外层1 -->
<div class="all">
	<!-- 顶栏浮动层01 -->
	<section class="all-top">
		<div class="all-top-center">
			<div class="address">
				<div style="float:left;">
				<span style="color: #FF6900;"><i class="layui-icon layui-icon-location" style="font-weight:bold;"></i><span id="dizhi">郑州</span></span>
				<span style="color: #8F8F8F;margin-left: 10px;" id="qiehuan">[切换城市]</span>
				</div>
				<div class="qiehuan">
					<select id="city" name="city" class="qiehuan-padding">
					  <option value="郑州">郑州</option>
					  <option value="北京">北京</option>
					  <option value="上海">上海</option>
					  <option value="杭州">杭州</option>
					</select> 
				</div>  
				<span id="toindex" style="margin-left: 20px; color: blue;"><i class="layui-icon layui-icon-home" ></i>家事无忧网</span> <!-- id="toindex" -->
			</div>
			<div class="navsmall">
				<span id="myuserr" style="color:red;">账户<i class="layui-icon layui-icon-username"></i></span>
				<span style="">消息<i class="layui-icon layui-icon-notice"></i></span>
				<span id="mygr">我的家事无忧<i class="layui-icon layui-icon-down"></i></span>
				<span id="kefu">客服中心<i class="layui-icon layui-icon-chat"></i></span>
				<span id="help">帮助中心<i class="layui-icon layui-icon-help"></i></span>
			</div>
		</div>
	</section>
	<!-- 栏目导航栏02 -->
	<section class="all-navigation">
		<div class="all-navigation-center">
			<div class="logos" >
				<img src="image/logo.png" alt="去首页吗？" height=70 style="float:left;cursor: pointer;margin: 5px;">
				<div class="shu"><div></div></div>
			</div>
			<div class="title"><span>我的个人中心</span></div>
			<div class="ddd">
				<div class="begin">
					<div id="dd">首页</div>
					<div id="myuser">我的账户</div>
				</div>
			</div>
			<div class="query">
				<form id="formbd">
				  <input type="text" class="form-control" id="exampleInputEmail2" placeholder="输入搜索的信息">
				  <button id="btn" type="submit" class="btn btn-default">搜索</button>
				</form>
			</div>
		</div>
	</section>
	<!-- 中心位置层03-->
	<section class="context">
		<!-- 中心位置居左的导航栏+个人头像信息 001-->
		<div class="context-left">
			<!-- 人物头像信息展示0001 -->
			<div class="context-left-peroson">
				<div class="context-left-peroson-padding" style="background: url(image/2.png);height:256px;">
					<div class="mytx">
						<div class="mytx-padding">
							<img id="txshow" src="image/保洁人员.png" height=110 width=110 />
						</div>
					</div>
					<div class="myname">
						<div class="myname-padding">
							<span>家事无忧家政平台</span><br />
							<span>个人中心</span>
						</div>
					</div>
				</div>
			</div>
			<!-- 主要导航栏 -->
			<div class="context-left-navigation">
				<div class="context-left-navigation-padding">
					<div class="dd"><span>我的服务</span></div>
					<div class="pj"><span>我的评价</span></div>
					<hr />
					<div class="bg"><span>我的报告</span></div>
					<div class="sh"><span>申请售后</span></div>
				</div>
			</div>
		</div>
		<!-- 中心位置居右的iframe 引用栏 002 -->
		<div class="context-center">
			<!-- 主要显示栏的上部0001 -->
			<div class="context-center-top">
				<div class="context-center-top-padding">
					<!-- echarts折线图 -->
<!-- 					<div id="container" style="height: 100%"></div> -->
						<div id="fuwu">
							<img src="image/服务评价.png" width=100 /><br/>
							<span>待服务<span style="color:red;" id="fwsize">（0）</span></span>
						</div>
						<div id="pingjia">
							<img src="image/评价.png" width=100 /><br/>
							<span>待评价<span style="color:red;" id="pjsize">（0）</span></span>
						</div>
						<div id="dingdan">
							<img src="image/订单.png" width=100 /><br/>
							<span>所有订单<span style="color:red;" id="ddsize">（0）</span></span>
						</div>
				</div>
			</div>
<!-- 主要显示栏的中部0002 -->
			<div class="context-center-middle">
				<div class="context-center-middle-padding">
					<!-- 我的订单 -->
					<div class="context-center-middle-padding-dd">
						<div id="nav" >
							<div class="fuwu" draggable="true" pointer-events="none">待服务订单</div>
							<div class="pingjia" draggable="true" pointer-events="none">待评价订单</div>
							<div class="dingdan" draggable="true" pointer-events="none">所有服务订单</div>
						</div>
						<div id="fuwutable">
							<div class="tabbbb" style="font-weight:bold;">
						      <div>订单号</div>
						      <div>服务人</div>
						      <div>服务时间</div>
						      <div>备注信息</div>
						      <div>状态</div>
						    </div>
						    <hr>
							<div class="tabbbb" v-for="data in datas" @click="tijiaofuwu()" v-cloak>
						      <div :title="data.wid">{{data.wid}}</div>
						      <div :title="data.inname">{{data.inname}}</div>
						      <div :title="data.wotime">{{data.wotime}}</div>
						      <div :title="data.wrmark">{{data.wrmark}}</div>
						      <div :title="data.wid" :lang="data.inid" style="color:blue;cursor: pointer;" id="" onmouseover="begin(this)" onmouseout="end(this)" >查看联系方式</div>
						      <hr>
						    </div>
						    <script type="text/javascript">
						    	
						    </script>
						</div>
						<div id="pingjiatable" style="display: none;">
							<div class="tabbbb" style="font-weight:bold;">
						      <div>订单号</div>
						      <div>服务人</div>
						      <div>服务完成时间</div>
						      <div>备注信息</div>
							  <div>评价</div>
							</div>
						    <hr>
							<div class="tabbbb" v-for="data in datas" @click="pingjiabtn()" v-cloak>
						      <div :title="data.wid">{{data.wid}}</div>
						      <div :title="data.inname">{{data.inname}}</div>
						      <div :title="data.wotime">{{data.wotime}}</div>
						      <div :title="data.wrmark" style="overflow: hidden;">{{data.wrmark}}</div>
						      <div style="color:green;cursor: pointer;" :title="data.wid" :align="data.inname" :lang="data.inid" onmouseover="jiaid(this)" onmouseout="quid(this)" >用户未评价</div>
						      <hr>
						    </div>
						    <script type="text/javascript">
								
						    </script>
						</div>
						<div id="ordertable" style="display: none;">
							<div class="tabbbb" style="font-weight:bold;">
						      <div>订单号</div>
						      <div>服务人</div>
						      <div>服务时间</div>
						      <div>备注信息</div>
							  <div>状态</div>
							  </div>
						    <hr>
						    <div id="ddtt">
								<div class="tabbbb" v-for="data in datas" v-cloak>
							      <div :title="data.wid">{{data.wid}}</div>
							      <div :title="data.inname">{{data.inname}}</div>
							      <div :title="data.wotime">{{data.wotime}}</div>
							      <div :title="data.wrmark" style="overflow: hidden;">{{data.wrmark}}</div>
							      <div id="ddstate" style="color:red;">{{data.wtype}}</div>
							      <hr>
							    </div>
						    </div>
						</div>
					    <section class="fenye" id="ddzz">
					    	<section class="orderbefore">上一页</section>
					    	<section class="orderpagenow">1</section>
					    	<section class="orderafter">下一页</section>
					    </section>
					</div>
					<!-- 我的评价 -->
					<div class="context-center-middle-padding-pj" style="display: none;">
						<div id="pingjiapage" >
							<div class="tabbbbb" style="font-weight:bold;">
						      <div>订单号</div>
						      <div>服务人</div>
						      <div style="width:150px;">服务完成时间</div>
						      <div>获得的评分</div>
						      <div style="width:300px;">获得的评价</div>
						    </div>
						    <hr>
						    <div id="pjtt">
								<div class="tabbbbb" v-for="data in datas" v-cloak>
							      <div :title="data.ewid">{{data.ewid}}</div>
							      <div :title="data.inname">{{data.inname}}</div>
							      <div :title="data.evtime" style="width:150px;">{{data.evtime}}</div>
							      <div :title="data.evgr" style="overflow: hidden;">{{data.evgr}}</div>
							      <div style="width:300px;" :title="data.evtext">{{data.evtext}}</div>
							      <hr>
							    </div>
						    </div>
						</div>
						<section class="fenye" style="display: block;">
						    <section class="msgbefore">上一页</section><section class="msgpagenow">1</section><section class="msgafter">下一页</section>
						</section>
					</div>
					<!-- 我的报告 -->
					<div class="context-center-middle-padding-bg" style="display: none;">
						<div style="padding:80px;text-align:left;font-size:18px;line-height:40px;">
							<p>这是你来到家事无忧的第<span style="color:red;margin:0px 5px;font-size:21px;" id="loginci">0</span>天。</p>
							<p>上次登录时间：<span style="color:red;margin:0px 5px;font-size:21px;" id="logintime">2018/08/08 15:00:00</span>。</p>
							<p>注册账户至今一共完成<span style="color:red;margin:0px 5px;font-size:21px;" id="loginmoney">0</span>次服务。</p>
							<h3>非常感谢你与我们一起同行！</h3>
						</div>
					</div>
					<!-- 申请售后 -->
					<div class="context-center-middle-padding-sh" style="display: none;"></div>
				</div>
			</div>
			<!-- 账户个人信息 -->
			<div class="context-center-middle-user">
				<div class="context-center-middle-user-padding">
					<div class="usertop">
						<span id="addresss">申请认证</span><span id="jiben">基本个人信息</span><span id="touxiang">我的头像</span>
					</div>
					<div class="booo" style="left:0;"></div>
					<div class="addresss">
						<div class="auth-load">
							<p style="text-align:left;width:420px;margin: 40px auto;line-height:30px;">请在此处上传身份证件信息，我们会保密的你的个人隐私信息。<br>只有当你申请认证通过后才能在服务页面挂起，谢谢配合！</p>
							<span style="font-size:18px;line-height:80px;">认证个人身份信息：</span>
							<button type="button" class="layui-btn" id="authload">
							  <i class="layui-icon">&#xe67c;</i>上传身份证图片
							</button>
						</div>
					</div>
					<div id="userdata" class="userss">
						<form class="layui-form" id="upduserr">
						  <div class="layui-form-item">
						    <label class="layui-form-label">用户名</label>
						    <div class="layui-input-block">
						      <input id="username" type="text" name="inname"  autocomplete="off" class="layui-input"  >
						    </div>
						  </div>
						  <div style="width:564px;height:38px;margin-bottom:15px;">
						    <label style="width:80px;height:38px;float:left;line-height:38px;">性别</label>
						    <div style="width:400px;height:38px;float:left;">
						    	&nbsp;&nbsp;<input type="radio" name="insex" value="男" checked  style="display: none;float:left;"><span>男&nbsp;&nbsp;&nbsp;</span><input type="radio" name="insex" value="女" style="display: none;float:left;"><span >女</span>
						    </div>
						  </div>
						  <div class="layui-form-item">
						    <label class="layui-form-label" style="padding: 9px 0px;text-align:center;">服务类型</label>
						    <div id="big" class="layui-input-inline">
						      <select name="jcid" onchange="setSel(this)" lay-verify="required" id="select01" lay-filter="select01"> 
						        <option value="" disabled="">请选择分类</option>
						        <option :value="data.jcid">{{data.jcname}}</option>
						      </select>
						    </div>
						    <div id="small">
								<div class="layui-form-item">
							    <label class="layui-form-label" style="padding: 9px 0px;text-align:center;">修改类别</label>
							    <div class="layui-input-inline" id="select02" lay-filter="select02" >
							    </div>
							  </div>
						    </div>
						  </div>
						  <div class="layui-form-item">
						    <label class="layui-form-label">密码</label>
						    <div class="layui-input-inline">
						      <input id="password" type="password" name="inpwd" required lay-verify="required" placeholder="是否更改密码？" autocomplete="off" class="layui-input">
						    </div>
						    <div class="layui-form-mid layui-word-aux">支持输入数字，字母，符号</div>
						  </div>
						  <div class="layui-form-item">
						    <label class="layui-form-label">重复</label>
						    <div class="layui-input-inline">
						      <input id="password2" type="password" name="inpwd" required lay-verify="required" placeholder="重复输入密码" autocomplete="off" class="layui-input">
						    </div>
						    <div class="layui-form-mid layui-word-aux" id="tishi" style="color:red!important;;"></div>
						  </div>
						  <div class="layui-form-item">
						    <div class="layui-input-block">
						      <button type="button" id="upduser" class="layui-btn" lay-submit lay-filter="formDemo">要修改吗？</button>
						      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
						    </div>
						  </div>
						</form>
					</div>
					<div class="touxiangss">
						<div class="touxiang-now">
							<img id="txshow2" src="image/tx.png" width=240 height=240 />
						</div>
						<div class="touxiang-new">
								<span style="font-size:32px;font-weight: 800px;">头像更换：</span><br>
								<button type="button" class="layui-btn" id="test">
								  <i class="layui-icon">&#xe67c;</i>上传图片
								</button>
							<div id="picisok">*****</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 主要显示栏的底部0003 -->
			<div class="context-center-bottom">
				<div class="context-center-bottom-padding">
					&#8471; 关注我们 
				</div>
			</div>
		</div>
		<!-- 中心主要部分的右侧 003 -->
		<div class="context-right">
			<!-- 中心右侧上部0001 -->
			<div class="context-right-top">
				<div class="context-right-top-padding">
					<div class="layui-carousel" id="test1" style="width:280px;height:210px;" lay-indicator="inside" lay-anim lay-arrow="hover">
					  <div carousel-item>
					    <div><img src="image/1.png" width="280" /></div>
					    <div><img src="image/2.png" width="280" /></div>
					    <div><img src="image/3.png" width="280" /></div>
					    <div><img src="image/4.png" width="280" /></div>
					    <div><img src="image/5.png" width="280" /></div>
					  </div>
					</div>
				</div>
			</div>
			<!-- 中心右侧下部0002 -->
			<div class="context-right-bottom">
				<div class="context-right-bottom-padding">
					<div class="ph-title">····周优秀服务人员排行 ····</div>
					<div class="ph-content">
						<div class="ph-content-1-1">1</div>
						<div class="ph-content-1-2">1-2</div>
						<div class="ph-content-1-3">1-3</div>
						<hr/>
						<div class="ph-content-1-1" style="color: #FF6868;font-size:36px;">2</div>
						<div class="ph-content-1-2">1-2</div>
						<div class="ph-content-1-3">1-3</div>
						<hr/>
						<div class="ph-content-1-1" style="color: #FC9E03;font-size:28px;">3</div>
						<div class="ph-content-1-2">1-2</div>
						<div class="ph-content-1-3">1-3</div>
						<hr/>
						<div class="ph-content-1-1" style="color: #62B60E;font-size:21px;">4</div>
						<div class="ph-content-1-2">1-2</div>
						<div class="ph-content-1-3">1-3</div>
						<hr/>
						<div class="ph-content-1-1" style="color: black;font-size:21px;">5</div>
						<div class="ph-content-1-2">1-2</div>
						<div class="ph-content-1-3">1-3</div>
						<hr/>
						<div class="ph-content-1-1" style="color: black;font-size:21px;">6</div>
						<div class="ph-content-1-2">1-2</div>
						<div class="ph-content-1-3">1-3</div>
						<hr/>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- 底部版权信息04 -->
	<section class="botton">
		<div class="botton-padding">
			<div id="head">
			<a>加入我们</a> | <a>找到我们</a> | <a>关于我们</a><br />
			<span>友情链接：</span> <a>百度联盟</a> | <a>阿里云</a> | <a>apache软件基金会</a> | <a>github社区</a>|  <a>码云</a> | <a> </a><br/>
			<a>&copy;万事无忧 版权所有</a>
			</div>
		</div>
	</section>
</div>
<script type="text/javascript" src="js/Greq.js"></script>
<script type="text/javascript" src="js/Greqtwo.js"></script>
<script type="text/javascript" src="js/i.js"></script>
<script type="text/javascript" src="js/base64.js"></script>
</body>
</html>